<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="./script/rem.js"></script>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./script/aui-slide.js"></script>
    <script type="text/javascript" src="./script/jquery.min.js"></script>
    <script type="text/javascript" src="./script/doT.min.js"></script>
    <script type="text/javascript" src="./script/base.js"></script>
    <script type="text/javascript" src="./script/api.js"></script></head>
    <script type="text/javascript" src="./script/aui-tab.js" ></script>
    <script type="text/javascript" src="./script/jquery-3.2.0.js"></script>
</head>
<!-- <li onclick="changeSort('college')" id="college"><p>商学院</p></li> -->
<body>

<!--     <header class="find-head fixed" id="head" style="padding-top:0.4rem;">
        <div class="head-l" tapmode onclick="closeWin()"><i class="fa fa-angle-left"></i></div>
        <ul id="sort">
            <li id="title"><p></p></li>
        </ul>
    </header> -->

<!--     <header class="head" style="padding-top:0.4rem;" id="head" >
        <div class="head-l" tapmode onclick="closeWin()"><i class="fa fa-angle-left"></i></div>
        <h3 id="title"></h3>
        <div class="head-r"></div>
    </header> -->
    <!-- <div class="head-d" style="padding-top:0.4rem;"></div> -->

</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/index.js"></script>
<script type="text/javascript">

    apiready = function(){

        // api.addEventListener({
        //     name:'viewappear'
        // }, function(ret, err){   
        //     api.setScreenOrientation({
        //         orientation: 'portrait_up'
        //     });
        // });

        // var offset = $api.offset($api.dom('#head'));

        var token = $api.getStorage('token');

        // api.setScreenOrientation({
        //     orientation: 'landscape_left'
        // });

        api.openFrame({
            name: 'game',
            url: 'http://horse.haiqikj.com/?/m/?token='+token,
            rect: {
                x: 0,
                y: 0,
                w: 'auto',
                h: 'auto'
            },
            pageParam: {
                name: 'test'
            },
            // slidBackEnabled: false,
            bounces: false,
            bgColor: 'rgba(0,0,0,0)',
            vScrollBarEnabled: false,
            hScrollBarEnabled: false,
        });
    }
    
    // function closeWin(){
    //     api.closeWin({
    //     });
    // }
    
</script>
</html>